<script type="text/javascript" src="<?php echo base_url() ?>assets/js/pages/user.js"></script>
<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/user.css">

<section>
	<div class="container">
	    <form class="form-signin" name="login">
	    	<table class="table">
				<tr>
					<td><i class="fa fa-user"></span></td>
					<td>
						<input autofocus="" class="form-control" type="text" name="username" ng-model="user.username" placeholder="Username" required>
					</td>
				</tr>
				<tr>
					<td><i class="fa fa-lock"></i></td>
					<td>
						<input class="form-control" type="password" name="password" ng-model="user.password" placeholder="Password" required>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<label>
							<a data-target="#register-form" data-toggle="modal" href="" title="Click here to register.">Not Registered?</a>
						</label>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<div class="pull-right">
							<button class="btn btn-warning" ng-disabled="login.$invalid" ng-click="submitLogin(user)"><b>ĐĂNG NHẬP</b></button>
						</div>
					</td>
				</tr>
			</table> <!-- End Table Login -->

	<!-- Modal -->
	  <div class="rows">
	    <div class="col-xs-12">
	      <div class="modal fade" id="register-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	        <div class="modal-dialog">
	          <div class="modal-content">
	            <div class="modal-header">
	              <button class="close" data-dismiss="modal" type="button">x</button>
	              <h4 class="modal-title" id="myModalLabel"><b>ĐĂNG KÝ TÀI KHOẢN</b></h4>
	            </div>

	            <div class="modal-body">
	            	<div class="wrapper form-visible profile">
						<form class="GlobalController" id="register-form">
						
							<table class="table">
								<tr>
									<td><i class="fa fa-user"></span></td>
									<td><input class="form-control" type="text" name="username" ng-model="profile.username" placeholder="Username"></td>
								</tr>
								<tr>
									<td><i class="fa fa-lock"></i></td>
									<td><input class="form-control" type="password" name="password" ng-model="profile.password" placeholder="Password"></td>
								</tr>
								<tr>
									<td><label class="control-label">Họ và tên: </label></td>
									<td><input class="form-control" type="text" name="fullname" ng-model="profile.fullname" placeholder="Họ và tên"></td>
								</tr>
								<tr>
									<td><label class="control-label">Giới tính: </label></td>
									<td colspan="2">
										<span class="control-group">
											<label>Nam</label>
											<input type="radio" name="gender" ng-model="profile.gender" value="Nam" checked>
												&nbsp;&nbsp;
											<label>Nữ</label>
											<input type="radio" name="gender" ng-model="profile.gender" value="Nữ" checked>
										</span>
									</td>
								</tr>
								<tr>
									<td><label class="control-label">Ngày sinh: </label></td>
									<td><input class="form-control" type="date" name="dob" ng-model="profile.dob"></td>
								</tr>
								<tr>
									<td><label class="control-label">Địa chỉ: </label></td>
									<td><input class="form-control" type="text" name="address" ng-model="profile.address" placeholder="Địa chỉ"></td>
								</tr>
								<tr>
									<td><label class="control-label">Email: </label></td>
									<td><input class="form-control" type="text" name="email" ng-model="profile.email" placeholder="Email"></td>
								</tr>
								<tr>
									<td><label class="control-label">Điện thoại: </label></td>
									<td><input class="form-control" type="text" name="phone" ng-model="profile.phone" placeholder="Điện thoại"></td>
								</tr>
							</table>
						</form>	
					</div>                  
	            </div>

	          <div class="modal-footer">
	            <button class="btn btn-success" data-dismiss="modal" type="button" ng-click="submitForm()">
					<a href="index.php/user#/profile"><b>ĐĂNG KÝ</b>
				</button> 
				<button class="btn btn-danger" data-dismiss="modal" type="button"><b>CANCEL</b></button>
	          </div><!--  </form>-->
	        </div><!-- /.modal-content -->
	      </div><!-- /.modal-dialog -->
	    </form>
  		</div><!-- /.modal -->
  	</div>
</div>
  <!-- /container -->


</section>

